<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body,html{
            width: 100%;
            height: 100%;
        }
        #xuanze_zan1{
            background-image: url(img/bg10.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 100%;
            position: relative;
            display: none;
        }
        #span1{
            position: absolute;
            top: 47%;
            left: 15%;
            width: 80%;
            color: bisque;
            font-size: 41px;
        }
        #span2{
            position: absolute;
            top: 51%;
            left: 16%;
            width: 62%;
            color: inherit;
            font-size: 39px;
            text-align: center;
        }
        #zan1_zaiwan{
            position: absolute;
            bottom: 30%;
            left: 15%;
            width: 75%;
        }
        #taotai_zan2{
            background-image: url(img/bg12.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 100%;
            position: relative;
            display: none;
        }
        #zan2_zaiwan{
            position: absolute;
            bottom: 33%;
            left: 17%;
            width: 72%;
        }
        
        #gongxi_zan3{
            background-image: url(img/bg11.png);
            background-repeat: no-repeat;
            background-size: 100% 100%;
            width: 100%;
            height: 100%;
            position: relative;
        }
        #zan3_choujiang{
            position: absolute;
            bottom: 20%;
            left: 11%;
            width: 75%;
        }
    </style>
</head>
<body>
<div id="xuanze_zan1">
    <span id="span1">
        (已有
        <span id="spanNum">20</span>
        位导师选择“你丫太差啦”)
    </span>
    <span id="span2">只要有1位导师让您晋级，你即可抽取免费地中海风情游资格哦!</span>
    <a href="index.php"><img src="img/zaiwan.png" alt="" id="zan1_zaiwan"></a>
</div>

<div id="taotai_zan2">
    <a href="index.php"><img src="img/zaiwan.png" alt="" id="zan2_zaiwan"></a>
</div>

<div id="gongxi_zan3">
    <a href="choujiang.php"><img src="img/choujiang.png" alt="" id="zan3_choujiang"></a>
</div>

</body>
</html>